<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>按钮 Loading - Xui Demo</title>
	<!-- demo -->
	<link rel="stylesheet" type="text/css" href="../demo.css">
	<script type="text/javascript" src="../demo_data.js"></script>
	
	<!-- xui -->
	<link rel="stylesheet" type="text/css" href="../../xui.css">
	<script type="text/javascript" src="../../jquery.min.js"></script>
	<script type="text/javascript" src="../../xui.js"></script>
	
	<!-- xbtn -->
	<script type="text/javascript">
		$(function(){
			$("#xbtn").xbtn(function(){		//鼠标点击处理方法
				$.closeBtn("#xbtn");		//业务处理前,禁用按钮
				//.....业务处理.....//
				setTimeout(function(){
					$.openBtn("#xbtn");		//业务处理后,启用按钮
				},2000);
			});
		})
	</script>
</head>
<body>
	<h2>按钮 Loading</h2>
	<p>
		<span class="xbtn" id="xbtn">xbtn</span>
	</p>
</body>
</html>